import React, { memo } from 'react';

import MusicTopBanner from './c-cpns/top-banner';
import MusicHotRecommend from './c-cpns/hot-recommend';
import MusicNewAlbum from './c-cpns/new-album';
import MusicRecommendRanking from './c-cpns/recommend-ranking';

import {
    RecommendWrapper,
    Content,
    RecommendLeft,
    RecommendRight
} from './style';


function MusicRecommend(props) {

    return (
        <RecommendWrapper>
            {/* 轮播图 */}
            <MusicTopBanner />
            <Content className="wrap-v2"> 
                <RecommendLeft>
                   <MusicHotRecommend />
                   <MusicNewAlbum />
                   <MusicRecommendRanking />
                </RecommendLeft>
                <RecommendRight></RecommendRight>
            </Content>
        </RecommendWrapper>
    );
}



// 当使用hooks,则connect函数不再需要
export default memo(MusicRecommend);